<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/pro_search.css">
    <link rel="shrotcut icon" href="../img/favicon.ico">
</head>
<body>
<div class="header container">
    <div class="back"></div>
    <div class="search">
        <input type="text" placeholder="搜索">
    </div>
    <a href="#"class="nav">搜索</a>

</div>
<div class="history">
    <div class="title">历史搜索</div>
    <div class="search">
        <a href="#">瑜伽球</a>
        <a href="#">健身瑜伽球</a>
        <a href="#">健身用哑铃</a>
        <a href="#">女士健身哑铃</a>
        <a href="#">新品瑜伽垫</a>
        <a href="#">瑜伽垫</a>
        <a href="#">儿童玩具</a>
    </div>
</div>
<div class="hot">
    <div class="title">热门搜索</div>
    <div class="search">
        <a href="#">瑜伽垫</a>
        <a href="#">瑜伽球</a>
        <a href="#">健身球</a>
        <a href="#">哑铃</a>
        <a href="#">女士哑铃</a>
        <a href="#">儿童玩具</a>
        <a href="#">婴儿浴盆</a>
    </div>
</div>

<script src="../lib/jquery/dist/jquery.min.js"></script>
<script src="../lib/resetRem.js"></script>
<script src="../js/pro_search.js"></script>
</body>
</html>